<template>
  <div>
    <!-- <h1 class="text-center">用户分布图</h1> -->
    <section class="content">
        <!--<div class="box">-->
            <!--<div class="box-header with-border">
                <h3 class="box-title">demo</h3>
            </div>-->
            <div class="box-body">
                <div id="map" style="width: 800px; height: 600px;"></div>
            </div>
        <!--</div>-->
    </section>
  </div>
</template>
<script>
  import {getaddr} from '../../../static/js/echart/logic'
  const echartsjsurl = '/static/js/echart/echarts.min.js'
  const chinajsurl = '/static/js/echart/china.js'

  export default {
    name: 'UserDistribution',
    mounted () {
      this.$nextTick(() => {
        window.jQuery.getScript(echartsjsurl, () => {
          window.jQuery.getScript(chinajsurl, () => {
            getaddr()
          })
        })
      })
    }
  }
</script>

<style>
</style>
